<template>
	<view class="position-detail">
		<view class="flex-between mt-20">
			<view class="head1">
				网络信息安全工程师
			</view>
			<view class="salary">
				8千-1.3万/月
			</view>
		</view>
		<view class="mt-20">
			<uni-tag v-for="(tag, idx1) in ['1-2年', '大学本科', '无锡市']" :key="tag" :class="{'ml-10': idx1 > 0}" custom-style="background-color: #F6F7F9; border-color: #F6F7F9; color: #666768;" :text="tag" />
		</view>
		<view class="mt-20 border-bottom">
			<uni-tag text="无锡市本级" custom-style="background-color: #7B8EBF; border-color: #7B8EBF; color: #fff;" type="primary" size="mini" /> <text class="ml-10">2023-09-10</text>
		</view>
		<view class="border-bottom">
			<view class="head1">
				岗位职责
			</view>
			<view class="text1">1、完成网络系统架构和方案设计：完成网络集成项目中系统网络架构及方案设计；</view>
			<view class="text1">2、完成产品配置和选型：完成项目设计中网络产品配置及选型；</view>
			<view class="text1">3、负责网络故障的排除和优化工作：负责项目中网络的监控巡检，故障排除、割接、优化等工作；</view>
			<view class="text1">4、负责售后技术支持：负责目标客户的售后技术支持，现场维护、产品使用培训等工作；</view>
		</view>
		<view>
			<view class="head1">
				任职要求
			</view>
			<view class="text1">1、完成网络系统架构和方案设计：完成网络集成项目中系统网络架构及方案设计；</view>
			<view class="head2">
				福利待遇
			</view>
			<view class="text1">五险，公积金，节日福利</view>
			<view class="head2">
				用工形式
			</view>
			<view class="text1">合同制</view>
			<view class="head2">
				专业要求
			</view>
			<view class="text1">电力电子与电力传动</view>
		</view>
		<view class="company-card mt-20">
			<view class="head2">
				无锡市科技有限公司
			</view>
			<view class="text2">
				企业 | 股份有限（公司）| 7940.98万元
			</view>
			<uni-row :gutter="8">
				<uni-col :span="6"><text class="text3">法人代表</text></uni-col>
				<uni-col :span="6"><text class="text3">成立时间</text></uni-col>
				<uni-col :span="6"><text class="text3">企业类型</text></uni-col>
				<uni-col :span="6"><text class="text3">注册资金</text></uni-col>
			</uni-row>
			<uni-row :gutter="8">
				<uni-col :span="6"><text class="head3">刘*</text></uni-col>
				<uni-col :span="6"><text class="head3">2019-11-09</text></uni-col>
				<uni-col :span="6"><text class="head3">企业</text></uni-col>
				<uni-col :span="6"><text class="head3">7940万元</text></uni-col>
			</uni-row>
			<view class="mt-10">
				<uni-row :gutter="8">
					<uni-col :span="6"><text class="text2">注册地址</text></uni-col>
					<uni-col :span="18"><text class="head3">梁溪·崇安寺国际人才社区</text></uni-col>
				</uni-row>
			</view>
			<view class="mt-10">
				<uni-row :gutter="8">
					<uni-col :span="6"><text class="text2">单位地址</text></uni-col>
					<uni-col :span="18"><text class="head3">无锡市梁溪区</text></uni-col>
				</uni-row>
			</view>
			<view class="mt-10">
				<uni-row :gutter="8">
					<uni-col :span="6"><text class="text2">联系姓名</text></uni-col>
					<uni-col :span="18"><text class="head3">周晶晶</text></uni-col>
				</uni-row>
			</view>
			<view class="mt-10">
				<uni-row :gutter="8">
					<uni-col :span="6"><text class="text2">联系方式</text></uni-col>
					<uni-col :span="18"><text class="head3">13347978099</text></uni-col>
				</uni-row>
			</view>
		</view>
		<view class="mt-20">
			<view class="head1">
				简介信息
			</view>
			<view class="text1">1、完成网络系统架构和方案设计：完成网络集成项目中系统网络架构及方案设计；</view>
			<view class="text1">2、完成产品配置和选型：完成项目设计中网络产品配置及选型；</view>
		</view>
		<view class="mt-20">
			<view class="head2">
				工作地点
			</view>
			<view class="text3">
				无锡市梁溪区中山路188号
			</view>
			<map style="width: 100%; height: 150px;margin-top: 10px" :latitude="latitude" :longitude="longitude" :markers="covers" />
		</view>
		<view class="mt-20">
			<button class="btn lt-btn" type="default" @click="handleClick">投递</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				latitude: 31.491064,
				longitude: 120.311889,
				covers: []
			}
		},
		methods: {
			handleClick() {
				uni.showToast({
					title: '功能开发中...'
				})
			}
		}
	}
</script>

<style lang="scss">
.position-detail {
	padding: 30rpx;
	background-color: #fff;
	.salary {
		font-size: 28rpx;
		font-weight: 600;
		color: #0051FF;
	}
	.head1 {
		font-size: 40rpx;
		font-weight: 600;
		color: #292F38;
	}
	.head2 {
		font-size: 30rpx;
		font-weight: 600;
		color: #292F38;
	}
	.head3 {
		font-size: 28rpx;
		font-weight: 600;
		color: #292F38;
	}
	.text1 {
		font-size: 28rpx;
		font-weight: 400;
		color: #211D1D;
		line-height: 48rpx
	}
	.text2 {
		font-size: 28rpx;
		font-weight: 400;
		color: #767B84;
		line-height: 40rpx;
	}
	.text3 {
		font-size: 24rpx;
		font-weight: 400;
		color: #717680;
	}
	.company-card {
		padding: 28rpx;
		border: 1px solid #D8D8D8;
	}
	.btn {
		margin-left: 20rpx;
		margin-right: 20rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 80rpx;
	}
	.lt-btn {
		background-color: #0051FF ;
		color: #fff;
	}
}
</style>
